{% extends "configurarProyectoLayout.html" %}
{% block subbody %}
<script>
	function paginar(pagina){
		window.location.href="adRolPorUsuario?pagina="+pagina+"&idproyecto="+ document.adRolPorUsuario.idproyecto.value;
	}
	function add() {
		window.location.href = "agregarUsuarioProyecto?idproyecto="
				+ document.adRolPorUsuario.idproyecto.value;
	}
	function edit() {
		var valor;
		if (document.adRolPorUsuario.check.value != null && document.adRolPorUsuario.check.checked) {
			valor = document.adRolPorUsuario.check.value;
		} else {
			for (i = 0; i < document.adRolPorUsuario.check.length; i++) {
				if (document.adRolPorUsuario.check[i].checked) {
					valor = document.adRolPorUsuario.check[i].value;
				}
			}
		}
		if (valor != null) {
			window.location.href = "agregarRolUsuario?idproyecto="
				+ document.adRolPorUsuario.idproyecto.value+"&idusuario="
					+ valor;
		} else {
			alert('Seleccionar un usuario');
		}
	}
	function del() {
		var valor;
		if (document.adRolPorUsuario.check.value != null && document.adRolPorUsuario.check.checked) {
			valor = document.adRolPorUsuario.check.value;
		} else {
			for (i = 0; i < document.adRolPorUsuario.check.length; i++) {
				if (document.adRolPorUsuario.check[i].checked) {
					valor = document.adRolPorUsuario.check[i].value;
				}
			}
		}
		if (valor != null) {
			if(confirm("Está seguro que desea desasignar rol del usuario?")){
				window.location.href = "desasignarRolDeUsuario?idproyecto="
					+ document.adRolPorUsuario.idproyecto.value+"&idusuario="
						+ valor;
			}
		} else {
			alert('Seleccionar un usuario');
		}
	}
</script>
<center>
	<div class=titulorojo>GESTIONAR USUARIOS DEL PROYECTO</div>
	<br> <br>
	<form id="adRolPorUsuario" name="adRolPorUsuario"
		action="adRolPorUsuario" method="post">
		<table>
			<input type="hidden" name="idproyecto" value="{{ idproyecto }}">
			<tr>
					{% if '00050' in session["permisos"] %}
				<td><button type="button" onClick="add()">
						<img src="{{ url_for('static', filename='add.png') }}">
					</button></td>
					{% endif %}
					{% if '00015' in session["permisos"] %}
						{% if '00016' in session["permisos"] %}
						<td><button type="button" onClick="edit()">
								<img src="{{ url_for('static', filename='edit.png') }}">
							</button></td>
						{% endif %}
					{% endif %}
					{% if '00051' in session["permisos"] %}
				<td><button type="button" onClick="del()">
						<img src="{{ url_for('static', filename='delete.png') }}">
					</button></td>
					{% endif %}
			</tr>
		</table>
		<br>
		<div>
			{% if cantPaginas >0 %}
			<a {% if pagina != primera  %} href="javascript:paginar({{ primera }})" {% endif %} style="text-decoration:none">[primera</a>/
			<a {% if ant >= 1 %} href="javascript:paginar({{ ant }})" {% endif %} style="text-decoration:none">anterior]</a>
			...
			{% if pagina - 2 >= primera %}
			<a href="javascript:paginar({{ pagina-2 }})" style="text-decoration:none">{{ pagina-2 }}</a>
			{% endif %}
			{% if pagina - 1 >= primera %}
			<a href="javascript:paginar({{ pagina-1 }})" style="text-decoration:none">{{ pagina-1 }}</a>
			{% endif %}
			{{ pagina }}
			{% if pagina + 1 <= ultima %}
			<a href="javascript:paginar({{ pagina+1 }})" style="text-decoration:none">{{ pagina+1 }}</a>
			{% endif %}
			{% if pagina + 2 <= ultima %}
			<a href="javascript:paginar({{ pagina+2 }})" style="text-decoration:none">{{ pagina+2 }}</a>
			{% endif %}
			...
			<a {% if sig <= cantPaginas %} href="javascript:paginar({{ sig }})" {% endif %} style="text-decoration:none">[siguiente</a>/
			<a {% if pagina != ultima  %} href="javascript:paginar({{ ultima }})" {% endif %} style="text-decoration:none">ultima]</a>
			{% endif %}
		</div>
		<table id="tabla" name="tabla" border=1 cellpadding=2 cellspacing=1
			width=60% align=center bgcolor=#E5E5E5>
			<tr>
				<th class=titulochico width='30%'>Nombre</th>
				<th class=titulochico width='30%'>Usuario</th>
				<th class=titulochico width='10%'>Marcar</th>
			</tr>
			{% for usuario in lista : %}
			<tr>
				<td align=center>{{ usuario.nombre }}</td>
				<td align=center>{{ usuario.usuario }}</td>
				<td align=center><input type="radio" name="check"
					value="{{ usuario.idusuario }}"></td>
			</tr>
			{% endfor %}
		</table>
	</form>
</center>
{% endblock subbody %}
